<script setup lang="ts">
// 导入 Goods 类型，类型前面要加个 type （通过自动导入完成即可）
import axios from "axios";
import jQuery from "jquery";
import SonCom from "./components/SonCom.vue";
import type { Goods } from "./types/index";
import { add } from './utils'

const getMsg = (value: string) => {
  console.log("👨父组件", value);
};

const getList = (value: Goods[]) => {
  console.log("👨父组件", value);
}

const testBtn = () => {
  // 测试类型提示用的代码
  axios.get('',{ params: {} })
  // 测试 jQuery 类型提示
  jQuery.get('')
  // 测试原生数组的类型提示
  const arr = []
  arr.push(1)
  // 测试 js + d.ts 提供的类型提示
  add(1,2).toFixed(2)
}
</script>
<template>
  <SonCom @get-msg="getMsg" @get-list="getList" />
  <button @click="testBtn()">测试 axios</button>
</template>